﻿<!DOCTYPE html>
<html>
  <head>
    <title>核心交互流程</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/核心交互流程/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/核心交互流程/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u7" class="ax_default _文本段落">
        <div id="u7_div" class=""></div>
        <div id="u7_text" class="text ">
          <p><span>有声播放界面设计及交互应用流程</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u8" class="ax_default _图片_">
        <img id="u8_img" class="img " src="images/核心交互流程/u8.svg"/>
        <div id="u8_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u9" class="ax_default _图片_">
        <img id="u9_img" class="img " src="images/核心交互流程/u9.svg"/>
        <div id="u9_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10" class="ax_default _形状">
        <img id="u10_img" class="img " src="images/核心交互流程/u10.svg"/>
        <div id="u10_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u11" class="ax_default _图片_">
        <img id="u11_img" class="img " src="images/核心交互流程/u11.svg"/>
        <div id="u11_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u12" class="ax_default _图片_">
        <img id="u12_img" class="img " src="images/核心交互流程/u12.svg"/>
        <div id="u12_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u13" class="ax_default _图片_">
        <img id="u13_img" class="img " src="images/核心交互流程/u13.svg"/>
        <div id="u13_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u14" class="ax_default _文本段落">
        <div id="u14_div" class=""></div>
        <div id="u14_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15" class="ax_default _文本段落">
        <div id="u15_div" class=""></div>
        <div id="u15_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u16" class="ax_default _文本段落">
        <div id="u16_div" class=""></div>
        <div id="u16_text" class="text ">
          <p><span>发现</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u17" class="ax_default _文本段落">
        <div id="u17_div" class=""></div>
        <div id="u17_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u18" class="ax_default _图片_">
        <img id="u18_img" class="img " src="images/核心交互流程/u18.png"/>
        <div id="u18_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u19" class="ax_default _线段">
        <img id="u19_img" class="img " src="images/核心交互流程/u19.svg"/>
        <div id="u19_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u20" class="ax_default" data-left="433" data-top="512" data-width="396.854424826998" data-height="676">

        <!-- Unnamed (图片 ) -->
        <div id="u21" class="ax_default _图片_">
          <img id="u21_img" class="img " src="images/核心交互流程/u21.svg"/>
          <div id="u21_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u22" class="ax_default _文本段落">
          <div id="u22_div" class=""></div>
          <div id="u22_text" class="text ">
            <p><span>郑和下西洋</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u23" class="ax_default _文本段落">
          <div id="u23_div" class=""></div>
          <div id="u23_text" class="text ">
            <p><span>郑和下西洋是为了什么？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u24" class="ax_default _文本段落">
          <div id="u24_div" class=""></div>
          <div id="u24_text" class="text ">
            <p style="font-size:13px;"><span style="font-family:'等线';font-weight:400;font-size:20px;letter-spacing:0.4px;">为什么说它是改变历史的指南针？</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u25" class="ax_default _文本段落">
          <div id="u25_div" class=""></div>
          <div id="u25_text" class="text ">
            <p><span>郑和下西洋去了哪些地方？</span></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u26" class="ax_default _形状">
          <img id="u26_img" class="img " src="images/核心交互流程/u26.svg"/>
          <div id="u26_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u27" class="ax_default _形状">
          <img id="u27_img" class="img " src="images/核心交互流程/u27.svg"/>
          <div id="u27_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u28" class="ax_default _文本段落">
          <div id="u28_div" class=""></div>
          <div id="u28_text" class="text ">
            <p><span>政治事件</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u29" class="ax_default _文本段落">
        <div id="u29_div" class=""></div>
        <div id="u29_text" class="text ">
          <p><span>时光流转，历史变幻</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u30" class="ax_default _图片_">
        <img id="u30_img" class="img " src="images/核心交互流程/u30.svg"/>
        <div id="u30_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u31" class="ax_default _图片_">
        <img id="u31_img" class="img " src="images/核心交互流程/u31.svg"/>
        <div id="u31_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u32" class="ax_default _图片_">
        <img id="u32_img" class="img " src="images/核心交互流程/u32.svg"/>
        <div id="u32_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u33" class="ax_default _图片_">
        <img id="u33_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u33_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u34" class="ax_default" data-left="1759" data-top="465" data-width="586" data-height="926">

        <!-- Unnamed (矩形) -->
        <div id="u35" class="ax_default _形状">
          <div id="u35_div" class=""></div>
          <div id="u35_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u36" class="ax_default _形状">
          <img id="u36_img" class="img " src="images/核心交互流程/u36.svg"/>
          <div id="u36_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u37" class="ax_default _图片_">
        <img id="u37_img" class="img " src="images/核心交互流程/u37.svg"/>
        <div id="u37_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u38" class="ax_default _文本段落">
        <div id="u38_div" class=""></div>
        <div id="u38_text" class="text ">
          <p><span>郑和下西洋</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u39" class="ax_default _图片_">
        <img id="u39_img" class="img " src="images/核心交互流程/u39.svg"/>
        <div id="u39_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u40" class="ax_default _图片_">
        <img id="u40_img" class="img " src="images/核心交互流程/u40.svg"/>
        <div id="u40_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u41" class="ax_default _图片_">
        <img id="u41_img" class="img " src="images/核心交互流程/u41.svg"/>
        <div id="u41_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u42" class="ax_default _文本段落">
        <div id="u42_div" class=""></div>
        <div id="u42_text" class="text ">
          <p><span>202</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u43" class="ax_default _文本段落">
        <div id="u43_div" class=""></div>
        <div id="u43_text" class="text ">
          <p><span>408 </span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u44" class="ax_default _图片_">
        <img id="u44_img" class="img " src="images/核心交互流程/u18.png"/>
        <div id="u44_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u45" class="ax_default _图片_">
        <img id="u45_img" class="img " src="images/核心交互流程/u45.png"/>
        <div id="u45_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u46" class="ax_default _文本段落">
        <div id="u46_div" class=""></div>
        <div id="u46_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 1405年7月11日,明成祖命郑和率领使团远航,这是郑和下西洋的开端。从1405年到1433年里,郑和下西洋的远航活动一共进行了七次。</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u47" class="ax_default _图片_">
        <img id="u47_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u47_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u48" class="ax_default _文本段落">
        <div id="u48_div" class=""></div>
        <div id="u48_text" class="text ">
          <p><span>简介</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u49" class="ax_default _线段">
        <img id="u49_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u49_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u50" class="ax_default _图片_">
        <img id="u50_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u50_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u51" class="ax_default _文本段落">
        <div id="u51_div" class=""></div>
        <div id="u51_text" class="text ">
          <p><span>航海路线</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u52" class="ax_default _文本段落">
        <div id="u52_div" class=""></div>
        <div id="u52_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 郑和船队从中国刘家港(今江苏省太仓市浏河镇)出发,沿东海、南海、泰国湾,绕过马六甲海峡,进入安达曼海及孟加拉湾,再绕过整个南印度至阿拉伯海、波斯湾,从亚丁湾进入红海,最远航行至东非马达加斯加北部，到达沿海30多个国家及岛屿。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u53" class="ax_default _线段">
        <img id="u53_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u53_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u54" class="ax_default _图片_">
        <img id="u54_img" class="img " src="images/核心交互流程/u54.png"/>
        <div id="u54_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u55" class="ax_default _图片_">
        <img id="u55_img" class="img " src="images/核心交互流程/u55.svg"/>
        <div id="u55_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u56" class="ax_default _图片_">
        <img id="u56_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u56_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u57" class="ax_default" data-left="3249" data-top="463" data-width="586" data-height="926">

        <!-- Unnamed (矩形) -->
        <div id="u58" class="ax_default _形状">
          <div id="u58_div" class=""></div>
          <div id="u58_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u59" class="ax_default _形状">
          <img id="u59_img" class="img " src="images/核心交互流程/u36.svg"/>
          <div id="u59_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u60" class="ax_default _文本段落">
        <div id="u60_div" class=""></div>
        <div id="u60_text" class="text ">
          <p><span>郑和下西洋</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u61" class="ax_default _图片_">
        <img id="u61_img" class="img " src="images/核心交互流程/u39.svg"/>
        <div id="u61_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u62" class="ax_default _图片_">
        <img id="u62_img" class="img " src="images/核心交互流程/u40.svg"/>
        <div id="u62_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u63" class="ax_default _图片_">
        <img id="u63_img" class="img " src="images/核心交互流程/u41.svg"/>
        <div id="u63_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u64" class="ax_default _文本段落">
        <div id="u64_div" class=""></div>
        <div id="u64_text" class="text ">
          <p><span>202</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u65" class="ax_default _文本段落">
        <div id="u65_div" class=""></div>
        <div id="u65_text" class="text ">
          <p><span>408 </span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u66" class="ax_default _图片_">
        <img id="u66_img" class="img " src="images/核心交互流程/u18.png"/>
        <div id="u66_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u67" class="ax_default _图片_">
        <img id="u67_img" class="img " src="images/核心交互流程/u45.png"/>
        <div id="u67_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u68" class="ax_default _文本段落">
        <div id="u68_div" class=""></div>
        <div id="u68_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 1405年7月11日,明成祖命郑和率领使团远航,这是郑和下西洋的开端。从1405年到1433年里,郑和下西洋的远航活动一共进行了七次。</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u69" class="ax_default _图片_">
        <img id="u69_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u69_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u70" class="ax_default _文本段落">
        <div id="u70_div" class=""></div>
        <div id="u70_text" class="text ">
          <p><span>简介</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u71" class="ax_default _线段">
        <img id="u71_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u71_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u72" class="ax_default _图片_">
        <img id="u72_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u72_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u73" class="ax_default _文本段落">
        <div id="u73_div" class=""></div>
        <div id="u73_text" class="text ">
          <p><span>航海路线</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u74" class="ax_default _文本段落">
        <div id="u74_div" class=""></div>
        <div id="u74_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 郑和船队从中国刘家港(今江苏省太仓市浏河镇)出发,沿东海、南海、泰国湾,绕过马六甲海峡,进入安达曼海及孟加拉湾,再绕过整个南印度至阿拉伯海、波斯湾,从亚丁湾进入红海,最远航行至东非马达加斯加北部，到达沿海30多个国家及岛屿。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u75" class="ax_default _线段">
        <img id="u75_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u75_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u76" class="ax_default _图片_">
        <img id="u76_img" class="img " src="images/核心交互流程/u54.png"/>
        <div id="u76_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u77" class="ax_default" data-left="3749" data-top="1301" data-width="119" data-height="72">

        <!-- Unnamed (矩形) -->
        <div id="u78" class="ax_default _形状">
          <div id="u78_div" class=""></div>
          <div id="u78_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u79" class="ax_default _图片_">
          <img id="u79_img" class="img " src="images/核心交互流程/u79.svg"/>
          <div id="u79_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u80" class="ax_default _图片_">
        <img id="u80_img" class="img " src="images/核心交互流程/u55.svg"/>
        <div id="u80_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u81" class="ax_default _图片_">
        <img id="u81_img" class="img " src="images/核心交互流程/u37.svg"/>
        <div id="u81_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u82" class="ax_default _图片_">
        <img id="u82_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u82_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u83" class="ax_default _形状">
        <img id="u83_img" class="img " src="images/核心交互流程/u83.svg"/>
        <div id="u83_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u84" class="ax_default _形状">
        <div id="u84_div" class=""></div>
        <div id="u84_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">单击首页的卡片图片</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">，<br></span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">进入相应的文章内容页</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u85" class="ax_default _连接">
        <img id="u85_seg0" class="img " src="images/核心交互流程/u85_seg0.svg" alt="u85_seg0"/>
        <img id="u85_seg1" class="img " src="images/核心交互流程/u85_seg1.svg" alt="u85_seg1"/>
        <div id="u85_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u86" class="ax_default _形状">
        <img id="u86_img" class="img " src="images/核心交互流程/u86.svg"/>
        <div id="u86_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u87" class="ax_default _形状">
        <div id="u87_div" class=""></div>
        <div id="u87_text" class="text ">
          <p><span>单击播放语音播放按钮，<br>进行文章的有声阅读</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u88" class="ax_default _形状">
        <div id="u88_div" class=""></div>
        <div id="u88_text" class="text ">
          <p><span>随即跳转出朗读播放的<br>设置键，可进行人声模<br>式的选择和声音大小的调控</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u89" class="ax_default _形状">
        <img id="u89_img" class="img " src="images/核心交互流程/u86.svg"/>
        <div id="u89_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u90" class="ax_default _连接">
        <img id="u90_seg0" class="img " src="images/核心交互流程/u90_seg0.svg" alt="u90_seg0"/>
        <img id="u90_seg1" class="img " src="images/核心交互流程/u90_seg1.svg" alt="u90_seg1"/>
        <div id="u90_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u91" class="ax_default _文本段落">
        <div id="u91_div" class=""></div>
        <div id="u91_text" class="text ">
          <p><span>文本翻译界面设计及交互应用流程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u92" class="ax_default _形状">
        <div id="u92_div" class=""></div>
        <div id="u92_text" class="text ">
          <p><span>可进行目标语言的选<br>择，文章页面反馈相应<br>的语言文本类型</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u93" class="ax_default _形状">
        <img id="u93_img" class="img " src="images/核心交互流程/u93.svg"/>
        <div id="u93_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u94" class="ax_default" data-left="312" data-top="4767" data-width="604" data-height="162">

        <!-- Unnamed (形状) -->
        <div id="u95" class="ax_default _形状">
          <img id="u95_img" class="img " src="images/核心交互流程/u10.svg"/>
          <div id="u95_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u96" class="ax_default _图片_">
          <img id="u96_img" class="img " src="images/核心交互流程/u11.svg"/>
          <div id="u96_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u97" class="ax_default _图片_">
          <img id="u97_img" class="img " src="images/核心交互流程/u12.svg"/>
          <div id="u97_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u98" class="ax_default _文本段落">
          <div id="u98_div" class=""></div>
          <div id="u98_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u99" class="ax_default _文本段落">
          <div id="u99_div" class=""></div>
          <div id="u99_text" class="text ">
            <p><span>推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u100" class="ax_default _文本段落">
          <div id="u100_div" class=""></div>
          <div id="u100_text" class="text ">
            <p><span>发现</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u101" class="ax_default _文本段落">
          <div id="u101_div" class=""></div>
          <div id="u101_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u102" class="ax_default _图片_">
          <img id="u102_img" class="img " src="images/核心交互流程/u102.svg"/>
          <div id="u102_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u103" class="ax_default _图片_">
          <img id="u103_img" class="img " src="images/核心交互流程/u103.svg"/>
          <div id="u103_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u104" class="ax_default _图片_">
        <img id="u104_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u104_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u105" class="ax_default _形状">
        <img id="u105_img" class="img " src="images/核心交互流程/u105.svg"/>
        <div id="u105_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u106" class="ax_default _图片_">
        <img id="u106_img" class="img " src="images/核心交互流程/u106.svg"/>
        <div id="u106_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u107" class="ax_default _图片_">
        <img id="u107_img" class="img " src="images/核心交互流程/u107.png"/>
        <div id="u107_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u108" class="ax_default _文本段落">
        <div id="u108_div" class=""></div>
        <div id="u108_text" class="text ">
          <p><span>9：41</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u109" class="ax_default _图片_">
        <img id="u109_img" class="img " src="images/核心交互流程/u109.svg"/>
        <div id="u109_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u110" class="ax_default _文本段落">
        <div id="u110_div" class=""></div>
        <div id="u110_text" class="text ">
          <p><span>历史演变</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u111" class="ax_default _图片_">
        <img id="u111_img" class="img " src="images/核心交互流程/u111.svg"/>
        <div id="u111_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u112" class="ax_default _图片_">
        <img id="u112_img" class="img " src="images/核心交互流程/u111.svg"/>
        <div id="u112_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u113" class="ax_default _形状">
        <img id="u113_img" class="img " src="images/核心交互流程/u113.svg"/>
        <div id="u113_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u114" class="ax_default _形状">
        <img id="u114_img" class="img " src="images/核心交互流程/u113.svg"/>
        <div id="u114_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u115" class="ax_default _形状">
        <img id="u115_img" class="img " src="images/核心交互流程/u115.svg"/>
        <div id="u115_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u116" class="ax_default _形状">
        <img id="u116_img" class="img " src="images/核心交互流程/u115.svg"/>
        <div id="u116_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u117" class="ax_default _形状">
        <img id="u117_img" class="img " src="images/核心交互流程/u117.svg"/>
        <div id="u117_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u118" class="ax_default _形状">
        <img id="u118_img" class="img " src="images/核心交互流程/u118.svg"/>
        <div id="u118_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u119" class="ax_default _形状">
        <img id="u119_img" class="img " src="images/核心交互流程/u119.svg"/>
        <div id="u119_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u120" class="ax_default _形状">
        <img id="u120_img" class="img " src="images/核心交互流程/u120.svg"/>
        <div id="u120_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u121" class="ax_default _图片_">
        <img id="u121_img" class="img " src="images/核心交互流程/u121.svg"/>
        <div id="u121_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u122" class="ax_default _图片_">
        <img id="u122_img" class="img " src="images/核心交互流程/u122.svg"/>
        <div id="u122_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u123" class="ax_default _图片_">
        <img id="u123_img" class="img " src="images/核心交互流程/u123.svg"/>
        <div id="u123_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u124" class="ax_default _图片_">
        <img id="u124_img" class="img " src="images/核心交互流程/u124.svg"/>
        <div id="u124_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u125" class="ax_default _图片_">
        <img id="u125_img" class="img " src="images/核心交互流程/u125.svg"/>
        <div id="u125_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u126" class="ax_default _图片_">
        <img id="u126_img" class="img " src="images/核心交互流程/u126.svg"/>
        <div id="u126_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u127" class="ax_default _图片_">
        <img id="u127_img" class="img " src="images/核心交互流程/u127.svg"/>
        <div id="u127_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u128" class="ax_default _图片_">
        <img id="u128_img" class="img " src="images/核心交互流程/u128.svg"/>
        <div id="u128_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u129" class="ax_default _文本段落">
        <div id="u129_div" class=""></div>
        <div id="u129_text" class="text ">
          <p><span>画作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u130" class="ax_default _文本段落">
        <div id="u130_div" class=""></div>
        <div id="u130_text" class="text ">
          <p><span>中国史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u131" class="ax_default _文本段落">
        <div id="u131_div" class=""></div>
        <div id="u131_text" class="text ">
          <p><span>世界史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u132" class="ax_default _文本段落">
        <div id="u132_div" class=""></div>
        <div id="u132_text" class="text ">
          <p><span>古迹</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u133" class="ax_default _文本段落">
        <div id="u133_div" class=""></div>
        <div id="u133_text" class="text ">
          <p><span>古籍</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u134" class="ax_default _文本段落">
        <div id="u134_div" class=""></div>
        <div id="u134_text" class="text ">
          <p><span>科技史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u135" class="ax_default _文本段落">
        <div id="u135_div" class=""></div>
        <div id="u135_text" class="text ">
          <p><span>国家史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u136" class="ax_default _文本段落">
        <div id="u136_div" class=""></div>
        <div id="u136_text" class="text ">
          <p><span>宇宙简史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u137" class="ax_default _文本段落">
        <div id="u137_div" class=""></div>
        <div id="u137_text" class="text ">
          <p><span>语音识别界面设计及交互应用流程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u138" class="ax_default _形状">
        <img id="u138_img" class="img " src="images/核心交互流程/u93.svg"/>
        <div id="u138_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u139" class="ax_default" data-left="1756" data-top="4768" data-width="604" data-height="162">

        <!-- Unnamed (形状) -->
        <div id="u140" class="ax_default _形状">
          <img id="u140_img" class="img " src="images/核心交互流程/u10.svg"/>
          <div id="u140_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u141" class="ax_default _图片_">
          <img id="u141_img" class="img " src="images/核心交互流程/u11.svg"/>
          <div id="u141_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u142" class="ax_default _图片_">
          <img id="u142_img" class="img " src="images/核心交互流程/u12.svg"/>
          <div id="u142_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u143" class="ax_default _文本段落">
          <div id="u143_div" class=""></div>
          <div id="u143_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u144" class="ax_default _文本段落">
          <div id="u144_div" class=""></div>
          <div id="u144_text" class="text ">
            <p><span>推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u145" class="ax_default _文本段落">
          <div id="u145_div" class=""></div>
          <div id="u145_text" class="text ">
            <p><span>发现</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u146" class="ax_default _文本段落">
          <div id="u146_div" class=""></div>
          <div id="u146_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u147" class="ax_default _图片_">
          <img id="u147_img" class="img " src="images/核心交互流程/u102.svg"/>
          <div id="u147_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u148" class="ax_default _图片_">
          <img id="u148_img" class="img " src="images/核心交互流程/u103.svg"/>
          <div id="u148_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u149" class="ax_default _形状">
        <img id="u149_img" class="img " src="images/核心交互流程/u105.svg"/>
        <div id="u149_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u150" class="ax_default _图片_">
        <img id="u150_img" class="img " src="images/核心交互流程/u106.svg"/>
        <div id="u150_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u151" class="ax_default _图片_">
        <img id="u151_img" class="img " src="images/核心交互流程/u107.png"/>
        <div id="u151_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u152" class="ax_default _文本段落">
        <div id="u152_div" class=""></div>
        <div id="u152_text" class="text ">
          <p><span>9：41</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u153" class="ax_default _图片_">
        <img id="u153_img" class="img " src="images/核心交互流程/u109.svg"/>
        <div id="u153_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u154" class="ax_default _文本段落">
        <div id="u154_div" class=""></div>
        <div id="u154_text" class="text ">
          <p><span>历史演变</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u155" class="ax_default _图片_">
        <img id="u155_img" class="img " src="images/核心交互流程/u111.svg"/>
        <div id="u155_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u156" class="ax_default _图片_">
        <img id="u156_img" class="img " src="images/核心交互流程/u111.svg"/>
        <div id="u156_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u157" class="ax_default _形状">
        <img id="u157_img" class="img " src="images/核心交互流程/u113.svg"/>
        <div id="u157_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u158" class="ax_default _形状">
        <img id="u158_img" class="img " src="images/核心交互流程/u113.svg"/>
        <div id="u158_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u159" class="ax_default _形状">
        <img id="u159_img" class="img " src="images/核心交互流程/u115.svg"/>
        <div id="u159_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u160" class="ax_default _形状">
        <img id="u160_img" class="img " src="images/核心交互流程/u115.svg"/>
        <div id="u160_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u161" class="ax_default _形状">
        <img id="u161_img" class="img " src="images/核心交互流程/u117.svg"/>
        <div id="u161_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u162" class="ax_default _形状">
        <img id="u162_img" class="img " src="images/核心交互流程/u118.svg"/>
        <div id="u162_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u163" class="ax_default _形状">
        <img id="u163_img" class="img " src="images/核心交互流程/u119.svg"/>
        <div id="u163_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u164" class="ax_default _形状">
        <img id="u164_img" class="img " src="images/核心交互流程/u120.svg"/>
        <div id="u164_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u165" class="ax_default _图片_">
        <img id="u165_img" class="img " src="images/核心交互流程/u121.svg"/>
        <div id="u165_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u166" class="ax_default _图片_">
        <img id="u166_img" class="img " src="images/核心交互流程/u122.svg"/>
        <div id="u166_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u167" class="ax_default _图片_">
        <img id="u167_img" class="img " src="images/核心交互流程/u123.svg"/>
        <div id="u167_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u168" class="ax_default _图片_">
        <img id="u168_img" class="img " src="images/核心交互流程/u124.svg"/>
        <div id="u168_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u169" class="ax_default _图片_">
        <img id="u169_img" class="img " src="images/核心交互流程/u125.svg"/>
        <div id="u169_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u170" class="ax_default _图片_">
        <img id="u170_img" class="img " src="images/核心交互流程/u126.svg"/>
        <div id="u170_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u171" class="ax_default _图片_">
        <img id="u171_img" class="img " src="images/核心交互流程/u127.svg"/>
        <div id="u171_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u172" class="ax_default _图片_">
        <img id="u172_img" class="img " src="images/核心交互流程/u128.svg"/>
        <div id="u172_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u173" class="ax_default _文本段落">
        <div id="u173_div" class=""></div>
        <div id="u173_text" class="text ">
          <p><span>画作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u174" class="ax_default _文本段落">
        <div id="u174_div" class=""></div>
        <div id="u174_text" class="text ">
          <p><span>中国史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u175" class="ax_default _文本段落">
        <div id="u175_div" class=""></div>
        <div id="u175_text" class="text ">
          <p><span>世界史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u176" class="ax_default _文本段落">
        <div id="u176_div" class=""></div>
        <div id="u176_text" class="text ">
          <p><span>古迹</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u177" class="ax_default _文本段落">
        <div id="u177_div" class=""></div>
        <div id="u177_text" class="text ">
          <p><span>古籍</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u178" class="ax_default _文本段落">
        <div id="u178_div" class=""></div>
        <div id="u178_text" class="text ">
          <p><span>科技史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u179" class="ax_default _形状">
        <div id="u179_div" class=""></div>
        <div id="u179_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u180" class="ax_default _文本段落">
        <div id="u180_div" class=""></div>
        <div id="u180_text" class="text ">
          <p><span>国家史</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u181" class="ax_default _文本段落">
        <div id="u181_div" class=""></div>
        <div id="u181_text" class="text ">
          <p><span>宇宙简史</span></p>
        </div>
      </div>

      <!-- Unnamed (半圆形) -->
      <div id="u182" class="ax_default _流程形状">
        <img id="u182_img" class="img " src="images/核心交互流程/u182.svg"/>
        <div id="u182_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u183" class="ax_default _图片_">
        <img id="u183_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u183_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u184" class="ax_default _图片_">
        <img id="u184_img" class="img " src="images/核心交互流程/u184.png"/>
        <div id="u184_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u185" class="ax_default _形状">
        <img id="u185_img" class="img " src="images/核心交互流程/u185.svg"/>
        <div id="u185_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u186" class="ax_default _形状">
        <img id="u186_img" class="img " src="images/核心交互流程/u186.svg"/>
        <div id="u186_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u187" class="ax_default _形状">
        <img id="u187_img" class="img " src="images/核心交互流程/u187.svg"/>
        <div id="u187_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u188" class="ax_default _文本段落">
        <div id="u188_div" class=""></div>
        <div id="u188_text" class="text ">
          <p><span>文</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u189" class="ax_default _图片_">
        <img id="u189_img" class="img " src="images/核心交互流程/u189.svg"/>
        <div id="u189_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u190" class="ax_default _文本段落">
        <div id="u190_div" class=""></div>
        <div id="u190_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u191" class="ax_default _文本段落">
        <div id="u191_div" class=""></div>
        <div id="u191_text" class="text ">
          <p><span>松开进行相应文本识别</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u192" class="ax_default _图片_">
        <img id="u192_img" class="img " src="images/核心交互流程/u192.svg"/>
        <div id="u192_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u193" class="ax_default _形状">
        <div id="u193_div" class=""></div>
        <div id="u193_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u194" class="ax_default _形状">
        <img id="u194_img" class="img " src="images/核心交互流程/u93.svg"/>
        <div id="u194_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u195" class="ax_default _形状">
        <img id="u195_img" class="img " src="images/核心交互流程/u105.svg"/>
        <div id="u195_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u196" class="ax_default _图片_">
        <img id="u196_img" class="img " src="images/核心交互流程/u106.svg"/>
        <div id="u196_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u197" class="ax_default _图片_">
        <img id="u197_img" class="img " src="images/核心交互流程/u107.png"/>
        <div id="u197_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u198" class="ax_default _文本段落">
        <div id="u198_div" class=""></div>
        <div id="u198_text" class="text ">
          <p><span>9：41</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u199" class="ax_default _图片_">
        <img id="u199_img" class="img " src="images/核心交互流程/u109.svg"/>
        <div id="u199_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u200" class="ax_default _形状">
        <img id="u200_img" class="img " src="images/核心交互流程/u200.svg"/>
        <div id="u200_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u201" class="ax_default _形状">
        <img id="u201_img" class="img " src="images/核心交互流程/u201.svg"/>
        <div id="u201_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u202" class="ax_default _图片_">
        <img id="u202_img" class="img " src="images/核心交互流程/u202.svg"/>
        <div id="u202_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u203" class="ax_default _线段">
        <img id="u203_img" class="img " src="images/核心交互流程/u203.svg"/>
        <div id="u203_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u204" class="ax_default _文本段落">
        <div id="u204_div" class=""></div>
        <div id="u204_text" class="text ">
          <p><span>郑和下西洋</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u205" class="ax_default _文本段落">
        <div id="u205_div" class=""></div>
        <div id="u205_text" class="text ">
          <p><span>郑和下西洋-相关文章</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u206" class="ax_default _文本段落">
        <div id="u206_div" class=""></div>
        <div id="u206_text" class="text ">
          <p><span>郑和下西洋</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u207" class="ax_default _文本段落">
        <div id="u207_div" class=""></div>
        <div id="u207_text" class="text ">
          <p><span>政治事件</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u208" class="ax_default _形状">
        <img id="u208_img" class="img " src="images/核心交互流程/u208.svg"/>
        <div id="u208_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u209" class="ax_default _文本段落">
        <div id="u209_div" class=""></div>
        <div id="u209_text" class="text ">
          <p><span style="color:#D73E3E;">郑和下西洋</span><span style="color:#000000;">，或称“珍宝航行”，是泛<br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u210" class="ax_default _图片_">
        <img id="u210_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u210_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u211" class="ax_default _文本段落">
        <div id="u211_div" class=""></div>
        <div id="u211_text" class="text ">
          <p><span><br>指中国明代早期1405年至1433年间...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u212" class="ax_default _文本段落">
        <div id="u212_div" class=""></div>
        <div id="u212_text" class="text ">
          <p><span>郑和下西洋：中国史上最大的海上冒险</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u213" class="ax_default _图片_">
        <img id="u213_img" class="img " src="images/核心交互流程/u213.svg"/>
        <div id="u213_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u214" class="ax_default _形状">
        <img id="u214_img" class="img " src="images/核心交互流程/u214.svg"/>
        <div id="u214_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u215" class="ax_default _文本段落">
        <div id="u215_div" class=""></div>
        <div id="u215_text" class="text ">
          <p><span>文章</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u216" class="ax_default _文本段落">
        <div id="u216_div" class=""></div>
        <div id="u216_text" class="text ">
          <p><span>15世纪最伟大的远洋航行。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u217" class="ax_default _线段">
        <img id="u217_img" class="img " src="images/核心交互流程/u203.svg"/>
        <div id="u217_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u218" class="ax_default _文本段落">
        <div id="u218_div" class=""></div>
        <div id="u218_text" class="text ">
          <p><span>郑和的“来头”</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u219" class="ax_default _线段">
        <img id="u219_img" class="img " src="images/核心交互流程/u203.svg"/>
        <div id="u219_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u220" class="ax_default _图片_">
        <img id="u220_img" class="img " src="images/核心交互流程/u220.svg"/>
        <div id="u220_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u221" class="ax_default _形状">
        <img id="u221_img" class="img " src="images/核心交互流程/u214.svg"/>
        <div id="u221_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u222" class="ax_default _文本段落">
        <div id="u222_div" class=""></div>
        <div id="u222_text" class="text ">
          <p><span>文章</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u223" class="ax_default _图片_">
        <img id="u223_img" class="img " src="images/核心交互流程/u223.svg"/>
        <div id="u223_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u224" class="ax_default _文本段落">
        <div id="u224_div" class=""></div>
        <div id="u224_text" class="text ">
          <p><span>神兽麒麟 = 郑和下西洋带来的长颈鹿</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u225" class="ax_default _文本段落">
        <div id="u225_div" class=""></div>
        <div id="u225_text" class="text ">
          <p><span>文章</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u226" class="ax_default _形状">
        <img id="u226_img" class="img " src="images/核心交互流程/u214.svg"/>
        <div id="u226_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u227" class="ax_default _文本段落">
        <div id="u227_div" class=""></div>
        <div id="u227_text" class="text ">
          <p><span>谨以此文，纪念我们未曾开启的大航...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u228" class="ax_default _文本段落">
        <div id="u228_div" class=""></div>
        <div id="u228_text" class="text ">
          <p><span>明代华亭沈庆临摹，图中的麒麟，身...</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u229" class="ax_default _图片_">
        <img id="u229_img" class="img " src="images/核心交互流程/u229.svg"/>
        <div id="u229_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u230" class="ax_default _文本段落">
        <div id="u230_div" class=""></div>
        <div id="u230_text" class="text ">
          <p><span>郑和下西洋-相关书籍</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u231" class="ax_default _形状">
        <div id="u231_div" class=""></div>
        <div id="u231_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u232" class="ax_default _形状">
        <div id="u232_div" class=""></div>
        <div id="u232_text" class="text ">
          <p><span>搜索框选择语音输入</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u233" class="ax_default _连接">
        <img id="u233_seg0" class="img " src="images/核心交互流程/u233_seg0.svg" alt="u233_seg0"/>
        <img id="u233_seg1" class="img " src="images/核心交互流程/u233_seg1.svg" alt="u233_seg1"/>
        <div id="u233_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u234" class="ax_default _形状">
        <div id="u234_div" class=""></div>
        <div id="u234_text" class="text ">
          <p><span>松开按钮进行语音识别，<br>搜索框随即显示出文本信息，并进行相关内容推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u235" class="ax_default _连接">
        <img id="u235_seg0" class="img " src="images/核心交互流程/u235_seg0.svg" alt="u235_seg0"/>
        <img id="u235_seg1" class="img " src="images/核心交互流程/u235_seg1.svg" alt="u235_seg1"/>
        <div id="u235_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u236" class="ax_default _形状">
        <div id="u236_div" class=""></div>
        <div id="u236_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u237" class="ax_default _连接">
        <img id="u237_seg0" class="img " src="images/核心交互流程/u237_seg0.svg" alt="u237_seg0"/>
        <img id="u237_seg1" class="img " src="images/核心交互流程/u237_seg1.svg" alt="u237_seg1"/>
        <div id="u237_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u238" class="ax_default _文本段落">
        <div id="u238_div" class=""></div>
        <div id="u238_text" class="text ">
          <p><span>Declaration of independence</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u239" class="ax_default _图片_">
        <img id="u239_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u239_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u240" class="ax_default" data-left="317" data-top="2263" data-width="586" data-height="926">

        <!-- Unnamed (矩形) -->
        <div id="u241" class="ax_default _形状">
          <div id="u241_div" class=""></div>
          <div id="u241_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u242" class="ax_default _形状">
          <img id="u242_img" class="img " src="images/核心交互流程/u36.svg"/>
          <div id="u242_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u243" class="ax_default _文本段落">
          <div id="u243_div" class=""></div>
          <div id="u243_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; The declaration of independence is a document drafted by Thomas Jefferson on July 4, 1776 and signed by the representatives of 13 other colonies, which initially declared the independence of the United States from Britain.</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u244" class="ax_default _线段">
          <img id="u244_img" class="img " src="images/核心交互流程/u49.svg"/>
          <div id="u244_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u245" class="ax_default _图片_">
        <img id="u245_img" class="img " src="images/核心交互流程/u37.svg"/>
        <div id="u245_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u246" class="ax_default _图片_">
        <img id="u246_img" class="img " src="images/核心交互流程/u39.svg"/>
        <div id="u246_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u247" class="ax_default _图片_">
        <img id="u247_img" class="img " src="images/核心交互流程/u40.svg"/>
        <div id="u247_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u248" class="ax_default _图片_">
        <img id="u248_img" class="img " src="images/核心交互流程/u41.svg"/>
        <div id="u248_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u249" class="ax_default _文本段落">
        <div id="u249_div" class=""></div>
        <div id="u249_text" class="text ">
          <p><span>202</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u250" class="ax_default _文本段落">
        <div id="u250_div" class=""></div>
        <div id="u250_text" class="text ">
          <p><span>408 </span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u251" class="ax_default _图片_">
        <img id="u251_img" class="img " src="images/核心交互流程/u18.png"/>
        <div id="u251_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u252" class="ax_default _图片_">
        <img id="u252_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u252_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u253" class="ax_default _文本段落">
        <div id="u253_div" class=""></div>
        <div id="u253_text" class="text ">
          <p><span>introduction</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u254" class="ax_default _图片_">
        <img id="u254_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u254_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u255" class="ax_default _文本段落">
        <div id="u255_div" class=""></div>
        <div id="u255_text" class="text ">
          <p><span>Liberty and the Pursuit of Happiness</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u256" class="ax_default _文本段落">
        <div id="u256_div" class=""></div>
        <div id="u256_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp;&nbsp; Governments are instituted among Men, deriving their just Powers from the Consent of the Governed, that whenever any Form of Government becomes destructive of these Ends. it is the Right of the People to alter or to abolish it, and to institute new Government, laying its Foundation on such Principles, and organizing its Powers in such Form, as to them shall seem most likely tol effect their Safety and Happiness. </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u257" class="ax_default _线段">
        <img id="u257_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u257_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u258" class="ax_default _图片_">
        <img id="u258_img" class="img " src="images/核心交互流程/u55.svg"/>
        <div id="u258_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u259" class="ax_default _图片_">
        <img id="u259_img" class="img " src="images/核心交互流程/u259.svg"/>
        <div id="u259_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u260" class="ax_default _图片_">
        <img id="u260_img" class="img " src="images/核心交互流程/u260.svg"/>
        <div id="u260_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u261" class="ax_default _图片_">
        <img id="u261_img" class="img " src="images/核心交互流程/u261.svg"/>
        <div id="u261_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u262" class="ax_default _文本段落">
        <div id="u262_div" class=""></div>
        <div id="u262_text" class="text ">
          <p><span>Declaration of independence</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u263" class="ax_default" data-left="1761" data-top="2238" data-width="586" data-height="926">

        <!-- Unnamed (矩形) -->
        <div id="u264" class="ax_default _形状">
          <div id="u264_div" class=""></div>
          <div id="u264_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u265" class="ax_default _形状">
          <img id="u265_img" class="img " src="images/核心交互流程/u36.svg"/>
          <div id="u265_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u266" class="ax_default _文本段落">
          <div id="u266_div" class=""></div>
          <div id="u266_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; The declaration of independence is a document drafted by Thomas Jefferson on July 4, 1776 and signed by the representatives of 13 other colonies, which initially declared the independence of the United States from Britain.</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u267" class="ax_default _线段">
          <img id="u267_img" class="img " src="images/核心交互流程/u49.svg"/>
          <div id="u267_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u268" class="ax_default _图片_">
        <img id="u268_img" class="img " src="images/核心交互流程/u37.svg"/>
        <div id="u268_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u269" class="ax_default _图片_">
        <img id="u269_img" class="img " src="images/核心交互流程/u39.svg"/>
        <div id="u269_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u270" class="ax_default _图片_">
        <img id="u270_img" class="img " src="images/核心交互流程/u40.svg"/>
        <div id="u270_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u271" class="ax_default _图片_">
        <img id="u271_img" class="img " src="images/核心交互流程/u41.svg"/>
        <div id="u271_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u272" class="ax_default _文本段落">
        <div id="u272_div" class=""></div>
        <div id="u272_text" class="text ">
          <p><span>202</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u273" class="ax_default _文本段落">
        <div id="u273_div" class=""></div>
        <div id="u273_text" class="text ">
          <p><span>408 </span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u274" class="ax_default _图片_">
        <img id="u274_img" class="img " src="images/核心交互流程/u18.png"/>
        <div id="u274_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u275" class="ax_default _图片_">
        <img id="u275_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u275_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u276" class="ax_default _文本段落">
        <div id="u276_div" class=""></div>
        <div id="u276_text" class="text ">
          <p><span>introduction</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u277" class="ax_default _图片_">
        <img id="u277_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u277_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u278" class="ax_default _文本段落">
        <div id="u278_div" class=""></div>
        <div id="u278_text" class="text ">
          <p><span>Liberty and the Pursuit of Happiness</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u279" class="ax_default _文本段落">
        <div id="u279_div" class=""></div>
        <div id="u279_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp;&nbsp; Governments are instituted among Men, deriving their just Powers from the Consent of the Governed, that whenever any Form of Government becomes destructive of these Ends. it is the Right of the People to alter or to abolish it, and to institute new Government, laying its Foundation on such Principles, and organizing its Powers in such Form, as to them shall seem most likely tol effect their Safety and Happiness. </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u280" class="ax_default _线段">
        <img id="u280_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u280_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u281" class="ax_default _图片_">
        <img id="u281_img" class="img " src="images/核心交互流程/u55.svg"/>
        <div id="u281_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u282" class="ax_default _图片_">
        <img id="u282_img" class="img " src="images/核心交互流程/u259.svg"/>
        <div id="u282_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u283" class="ax_default _图片_">
        <img id="u283_img" class="img " src="images/核心交互流程/u260.svg"/>
        <div id="u283_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u284" class="ax_default _图片_">
        <img id="u284_img" class="img " src="images/核心交互流程/u261.svg"/>
        <div id="u284_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u285" class="ax_default _图片_">
        <img id="u285_img" class="img " src="images/核心交互流程/u285.svg"/>
        <div id="u285_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u286" class="ax_default _图片_">
        <img id="u286_img" class="img " src="images/核心交互流程/u286.png"/>
        <div id="u286_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u287" class="ax_default _文本段落">
        <div id="u287_div" class=""></div>
        <div id="u287_text" class="text ">
          <p><span>英语</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u288" class="ax_default _文本段落">
        <div id="u288_div" class=""></div>
        <div id="u288_text" class="text ">
          <p><span>中文(简体）</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u289" class="ax_default _图片_">
        <img id="u289_img" class="img " src="images/核心交互流程/u289.svg"/>
        <div id="u289_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u290" class="ax_default _图片_">
        <img id="u290_img" class="img " src="images/核心交互流程/u290.svg"/>
        <div id="u290_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u291" class="ax_default _文本段落">
        <div id="u291_div" class=""></div>
        <div id="u291_text" class="text ">
          <p><span>translate</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u292" class="ax_default _图片_">
        <img id="u292_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u292_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u293" class="ax_default _文本段落">
        <div id="u293_div" class=""></div>
        <div id="u293_text" class="text ">
          <p><span>《独立宣言》</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u294" class="ax_default" data-left="3254" data-top="2240" data-width="586" data-height="926">

        <!-- Unnamed (矩形) -->
        <div id="u295" class="ax_default _形状">
          <div id="u295_div" class=""></div>
          <div id="u295_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u296" class="ax_default _形状">
          <img id="u296_img" class="img " src="images/核心交互流程/u36.svg"/>
          <div id="u296_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u297" class="ax_default _文本段落">
          <div id="u297_div" class=""></div>
          <div id="u297_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 独立宣言是一份于1776年7月4日由托马斯·杰斐逊起草，并由其它13个殖民地代表签署的最初声明美国从英国独立的文件。</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u298" class="ax_default _线段">
          <img id="u298_img" class="img " src="images/核心交互流程/u49.svg"/>
          <div id="u298_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u299" class="ax_default _图片_">
        <img id="u299_img" class="img " src="images/核心交互流程/u37.svg"/>
        <div id="u299_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u300" class="ax_default _图片_">
        <img id="u300_img" class="img " src="images/核心交互流程/u39.svg"/>
        <div id="u300_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u301" class="ax_default _图片_">
        <img id="u301_img" class="img " src="images/核心交互流程/u40.svg"/>
        <div id="u301_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u302" class="ax_default _图片_">
        <img id="u302_img" class="img " src="images/核心交互流程/u41.svg"/>
        <div id="u302_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u303" class="ax_default _文本段落">
        <div id="u303_div" class=""></div>
        <div id="u303_text" class="text ">
          <p><span>202</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u304" class="ax_default _文本段落">
        <div id="u304_div" class=""></div>
        <div id="u304_text" class="text ">
          <p><span>408 </span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u305" class="ax_default _图片_">
        <img id="u305_img" class="img " src="images/核心交互流程/u18.png"/>
        <div id="u305_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u306" class="ax_default _图片_">
        <img id="u306_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u306_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u307" class="ax_default _文本段落">
        <div id="u307_div" class=""></div>
        <div id="u307_text" class="text ">
          <p><span>简介</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u308" class="ax_default _图片_">
        <img id="u308_img" class="img " src="images/核心交互流程/u47.svg"/>
        <div id="u308_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u309" class="ax_default _文本段落">
        <div id="u309_div" class=""></div>
        <div id="u309_text" class="text ">
          <p><span>自由和对幸福的追求</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u310" class="ax_default _文本段落">
        <div id="u310_div" class=""></div>
        <div id="u310_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp;&nbsp; </span><span style="letter-spacing:1.4px;"> 政府是在人与人之间建立起来的，从被统治者的同意中获得他们的正当权力，每当任何形式的政府对这些目标造成破坏时。人民有权改变或废除它，并建立新的政府，以这些原则为基础，以他们认为最有可能影响他们的安全和幸福的方式组织权力。</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u311" class="ax_default _线段">
        <img id="u311_img" class="img " src="images/核心交互流程/u49.svg"/>
        <div id="u311_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u312" class="ax_default _图片_">
        <img id="u312_img" class="img " src="images/核心交互流程/u55.svg"/>
        <div id="u312_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u313" class="ax_default _图片_">
        <img id="u313_img" class="img " src="images/核心交互流程/u259.svg"/>
        <div id="u313_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u314" class="ax_default _图片_">
        <img id="u314_img" class="img " src="images/核心交互流程/u260.svg"/>
        <div id="u314_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u315" class="ax_default _图片_">
        <img id="u315_img" class="img " src="images/核心交互流程/u261.svg"/>
        <div id="u315_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u316" class="ax_default _图片_">
        <img id="u316_img" class="img " src="images/核心交互流程/u33.png"/>
        <div id="u316_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u317" class="ax_default _形状">
        <img id="u317_img" class="img " src="images/核心交互流程/u317.svg"/>
        <div id="u317_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u318" class="ax_default _形状">
        <img id="u318_img" class="img " src="images/核心交互流程/u318.svg"/>
        <div id="u318_text" class="text ">
          <p><span>阅读外文时，点击<br>文章上方的文本翻<br>译按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u319" class="ax_default _形状">
        <div id="u319_div" class=""></div>
        <div id="u319_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u320" class="ax_default _连接">
        <img id="u320_seg0" class="img " src="images/核心交互流程/u320_seg0.svg" alt="u320_seg0"/>
        <img id="u320_seg1" class="img " src="images/核心交互流程/u320_seg1.svg" alt="u320_seg1"/>
        <div id="u320_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u321" class="ax_default _连接">
        <img id="u321_seg0" class="img " src="images/核心交互流程/u321_seg0.svg" alt="u321_seg0"/>
        <img id="u321_seg1" class="img " src="images/核心交互流程/u321_seg1.svg" alt="u321_seg1"/>
        <div id="u321_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u322" class="ax_default _连接">
        <img id="u322_seg0" class="img " src="images/核心交互流程/u322_seg0.svg" alt="u322_seg0"/>
        <img id="u322_seg1" class="img " src="images/核心交互流程/u322_seg1.svg" alt="u322_seg1"/>
        <img id="u322_seg2" class="img " src="images/核心交互流程/u322_seg2.svg" alt="u322_seg2"/>
        <div id="u322_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u323" class="ax_default _连接">
        <img id="u323_seg0" class="img " src="images/核心交互流程/u323_seg0.svg" alt="u323_seg0"/>
        <img id="u323_seg1" class="img " src="images/核心交互流程/u323_seg1.svg" alt="u323_seg1"/>
        <div id="u323_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
